<style type="text/css" media="screen">

	
	.infiniteCarousel {
	  /*width: 395px;*/
	  margin-top:5px;
	  min-height:200px;
	  position: relative;
	  width: 650px;
	}
	
	.infiniteCarousel .wrapper {
	  /*width: 315px; .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
	  width:550px;
	  overflow: auto;
	  /*min-height: 10em;*/
	  min-height:190px;
	  margin: 0 40px;
	  position: absolute;
	  top: 0;
	  border: 3px solid #E1E1E1;
	  -moz-border-radius: 3px;
	  -webkit-border-radius: 3px;
	}
	
	.infiniteCarousel ul a img {
	  border: 5px solid #000;
	  -moz-border-radius: 5px;
	  -webkit-border-radius: 5px;
	}
	
	.infiniteCarousel .wrapper ul {
	  width: 9999px;
	  list-style-image:none;
	  list-style-position:outside;
	  list-style-type:none;
	  margin:0;
	  padding:0;
	  position: absolute;
	  top: 0;
	}
	
	.infiniteCarousel ul li {
	  background:none;
	  display:block;
	  float:left;
	  padding: 10px;
	  /*height: 85px;
	  width: 85px;*/
	  height: 160px;
	  width: 160px;
	}
	
	.infiniteCarousel ul li a img {
	  display:block;
	}
	
	.infiniteCarousel .arrow {
	  display: block;
	  height: 36px;
	  width: 37px;
	  background: url(media/img/layout/arrow.png) no-repeat 0 0;
	  text-indent: -999px;
	  position: absolute;
	  top: 37px;
	  cursor: pointer;
	}
	
	.infiniteCarousel .forward {
	  background-position: 0 0;
	  right: 0;
	}
	
	.infiniteCarousel .back {
	  background-position: 0 -72px;
	  left: 0;
	}
	
	.infiniteCarousel .forward:hover {
	  background-position: 0 -36px;
	}
	
	.infiniteCarousel .back:hover {
	  background-position: 0 -108px;
	}
</style>


<div class="column1-unit">
	<div id="signal-details">
		<div id="chartdiv" style="height:400px;width:600px; ">
			<!-- Aqui se carga el gráfico -->
		</div>
	</div>
</div>
    
<div class="column1-unit">
	<div class="infiniteCarousel">
		<div class="wrapper">
        	<ul>
	        <?php 
				foreach($selected_segments as $segment){
			?>
	         	<li>
	         		<a href="<?php echo $data_url.$segment["id"];?>" title="<?php echo "Segmento ".$segment["number"];?>">
	         			<img src="<?php echo $thumb_url.$segment["id"];?>" height="150" width="150" alt="Cargando..." />
	         		</a>
	         	</li>
	        <?php 		
				}
			?>  
	        </ul>        
	      </div>
	</div>
</div>
<?php 
	if (isset($scripts)){
		foreach ($scripts as $file) echo HTML::script($file), "\n";
	} 
?>
<?php echo $js_user_script;?>